.index {
  width: 100%;
  height: 180vh;
}

.nav-bar-box {
  width: 100%;
  background-color: #09f;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 999;
}

.nav-bar-box .status-bar {
  width: 100%;
  height: 100px;
}

.nav-bar-box .title-bar {
  width: 100%;
  height: 100px;
  color: white;
  font-size: 32px;
  display: flex;
  justify-content: center;
}

.nav-bar-box .title-bar .icon {
  position: absolute;
  left: 40px;
  top: 100px;
}

.noctice {
  background-color: antiquewhite;
  opacity: 0.5;
  color: #f00;
  margin-top: 200px;
}

.message {
  padding: 20px;
  height: 360px;
}

.message .upload {
  width: 100%;
  height: 150px;
  display: flex;
  margin-bottom: 10px;
}

.message .upload .avatar {
  width: 18%;
  height: 135px;
}

.message .upload View {
  width: 72%;
  height: 100%;
  margin-left: 10px;
  display: flex;
  flex-direction: column;
}

.message .upload View .title {
  line-height: 60px;
  font-size: 24px;
}

.message .upload View .desc {
  width: 95%;
  font-size: 24px;
}

.message .upload .icon {
  flex: 1;
  line-height: 120px;
}

.message .address {
  margin-bottom: 10px;
}

.message .mian {
  margin-bottom: 10px;
}

.message .tags {
  margin-bottom: 10px;
  padding: 10px;
}

.message .tags .tit {
  line-height: 40px;
  font-size: 30px;
  margin-left: 15px;
}

.message .tags .tag {
  margin-right: 5px;
}

.message .tags .tagss {
  margin-top: 45px;
  width: 95vw;
  height: 220px;
}

.message .tags .tagss .tag1 {
  margin-right: 10px;
}

.message .des {
  margin-bottom: 10px;
}

.message .phone {
  margin-bottom: 10px;
  padding: 15px;
  height: 80px;
  border-bottom: 1px solid #ccc;
}

.message .time {
  padding: 15px;
}

.message .time .has {
  line-height: 60px;
  font-weight: bold;
}

.message .time .day {
  margin-top: 10px;
  margin-bottom: 10px;
  width: 220px;
  line-height: 120px;
  text-align: center;
  border: 1px solid #ccc;
  border-radius: 15px;
}

.message .Pay {
  width: 90vw;
  height: 400px;
  padding: 0 20px;
  background-color: #ccc;
  opacity: 0.5;
}

.message .Pay .read {
  width: 100%;
  padding-top: 150px;
  padding-bottom: 40px;
  display: flex;
}

.message .Pay .read .title {
  width: 85%;
  margin-left: 10px;
  font-weight: bold;
}

.message .Pay .read .title Text {
  font-weight: normal;
  color: #000;
}

.message .Pay .btn {
  border-radius: 45px;
  background-color: #f00;
  color: white;
}
